import React from 'react'
import './topbar.css'
import { Language, NotificationsNone, Settings} from '@material-ui/icons';

export default function Topbar() {
    return (
        <div className='topbar'>
           <div className="topbarWrapper">
               <div className="topLeft">
                   <div className="logo">lamaadmin</div>
               </div>
               <div className="topRight">
                   <div className="topbarIcons">
                        <div className="topbarIconContainer">
                            <NotificationsNone/>
                            <span className='topIconBadge'>2</span>
                        </div>
                   </div>
                   <div className="topbarIcons">
                        <div className="topbarIconContainer">
                            <Language/>
                            <span className='topIconBadge'>2</span>
                        </div>
                   </div>
                   <div className="topbarIcons">
                        <div className="topbarIconContainer">
                            <Settings/>
                        </div>
                   </div>
                   <img src="https://img1.baidu.com/it/u=2409349507,359122318&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=500" alt="" className='topAvator' />
               </div>
           </div>
        </div>
    )
}
